<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>

    <title>getCode</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
</head>
<!-- 在 html 文档中引入 JSSDK -->
<!-- JS 文件版本在升级功能时地址会变化，如有需要（比如使用新增的 API），请重新引用该文档中的 JSSDK 链接，确保你当前使用的 JSSDK 版本是最新的。 -->
<script type="text/javascript" src="https://lf1-cdn-tos.bytegoofy.com/goofy/lark/op/h5-js-sdk-1.5.16.js"></script>

<body>
<div>
    getCode!
	<p>

		当前code：
	</p>
	<input style="width: 89%;" id="codeSpan"/>
</div>

<script>
// 通过 ready 接口确认环境准备就绪后才能调用 API
  window.h5sdk.ready(() => {
      console.log("url:", window.location.href);
      // 调用 JSAPI tt.requestAuthCode 获取 authorization code
      tt.requestAuthCode({
		// Dev环境
		appId: 'cli_a615b1727ef7900b',

        // 获取成功后的回调
        success(res) {
          console.log("getAuthCode succeed:", res);
		  document.querySelector("#codeSpan").value = res.code

        },
        // 获取失败后的回调
        fail(err) {
          console.log(`getAuthCode failed, err:`, JSON.stringify(err));
		  alert(`getAuthCode failed, err:`, JSON.stringify(err))
        }
      })
    }
  )

</script>

</body>
</html>
